<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  

<script>
  // new Promise(函数(resolve, reject)) resolve和reject又是两个函数
  new Promise((resolve, reject) => {
    // 第一次网络请求
    setTimeout(() => {
      // 调用then()
      resolve()
    }, 1000)
      
  }).then(() => {
    // 第一次处理代码
    console.log("Hello World1")
    console.log("Hello World2")
    console.log("Hello World3")

    return new Promise((resolve, reject) => {
      // 第二次网络请求
      setTimeout(() => {
        resolve()
      }, 1000)
    }).then(() => {
      // 第二次处理代码
      console.log("Hello Vue1")
      console.log("Hello Vue2")
      console.log("Hello Vue3")
      
      return new Promise((resolve, reject) => {
        // 第三次网络请求
        setTimeout(() => {
          resolve()
        }, 1000)
      }).then(() => {
        // 第三次处理代码
        console.log("Hello Python1")
        console.log("Hello Python2")
        console.log("Hello Python3")
      })
    })
  })
</script>


</body>
</html>